<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<script type="text/javascript" src="static/bootstrap/js/jquery-3.3.1.min.js"></script>
		<link rel="stylesheet" href="webjars/bootstrap/3.3.7-1/css/bootstrap.css" />
		<link rel="stylesheet" href="static/custom/css/style.css" />
		<link rel="stylesheet" href="static/bootstrap-table/dist/bootstrap-table.css">
		<script type="text/javascript" src="static/bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" src="static/bootstrap-table/dist/bootstrap-table.js"></script>
		<script type="text/javascript" src="static/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
		<script type="text/javascript" src="webjars/knockout/knockout.js" ></script>
		<script type="text/javascript"	src="webjars/knockout-mapping/2.4.1/knockout.mapping.js"></script>
		<script type="text/javascript" src="webjars/bootbox/4.4.0/bootbox.js"></script>
		<style type="text/css">
			#bs-navbar>ul>li:HOVER{
				color: white;
			}
			.li{
				color: #cdcdcd;
				font-size:15px;
				line-height: 50px;
				padding-right: 10px;
				padding-left: 10px; 	
				cursor: pointer;
			}
			
		</style>
		<script type="text/javascript">
		$(function(){
			$("#body1").load("newFile");
			$('.carousel').carousel({
				  interval: 3000
			});
			$("#li1").click(function(){
				$(this).css('background','#686868');
				$(this).css('color','white');
				$("#li").css('background','');
				$("#li").css('color','');
				$("#li2").css('background','');
				$("#li2").css('color','');
				$("#body1").load("user/manage");
			});
			$("#li").click(function(){
				$(this).css('background','#686868');
				$(this).css('color','white');
				$("#li1").css('background','');
				$("#li1").css('color','');
				$("#li2").css('background','');
				$("#li2").css('color','');
				$("#body1").load("newFile");
			});
			$("#li2").click(function(){
				$(this).css('background','#686868');
				$(this).css('color','white');
				$("#li1").css('background','');
				$("#li1").css('color','');
				$("#li").css('background','');
				$("#li").css('color','');
				$("#body1").load("cust/manage");
			});
			$('#log_out').click(function(){
				bootbox.confirm({
					title:'提示信息',
					message:'<h4>确定退出吗？</h4>',
					buttons: {
			            cancel: {
			                label: '<i class="glyphicon glyphicon-remove"></i> 取消'
			            },
			            confirm: {
			                label: '<i class="glyphicon glyphicon-ok"></i> 确定'
			            }
			        },callback: function (result) {
			        	if(result== true){
				        	window.location="logout";
			        	}
			        }
				});
			});
		});
	</script>
</head>
<body>
<header class="nav navbar-inverse" id="top">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle collapsed" type="button" data-toggle="collapse"
					data-target="#bs-navbar"aria-controls="bs-navbar" aria-expanded="false">
					<span class="sr-only">Toggle navgation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<span class="navbar-brand" data-toggle="tab">
					<span class="glyphicon glyphicon-grain"></span> 张家界首页
				</span>
			</div>   
			<nav class="collapse navbar-collapse" id="bs-navbar">
				<ul class="nav navbar-nav navbar-tabs">
					<li class="li" id="li" style="background:#686868;color: white" onclick="lifun()">旅游攻略</li>
					<li class="li" id="li1">跟团游</li>
					<li class="li" id="li2">张家界之最</li>
				</ul> 
				<ul class="nav navbar-nav navbar-right">
					<!-- <li>
						
						<a href="logout"><span class="glyphicon glyphicon-thumbs-up"></span> </a>
					</li> -->
					<li>
						<a href="#"id="log_out"><span class="glyphicon glyphicon-log-in"></span> 注销</a>
					</li>
					
				</ul>
			</nav>
		</div>
	</header>
<div id="body1"></div>
	
</body>
</html>
